<template>
	<view class="box">
		<view class="shang">
			<view class="text" @click="fanhui()" > 
				<image class="img1" src="../../../static/address/fanhui.png" mode=""></image>
				 企业认证
			</view>
		</view>
		<view class="xia">
			<view class="moshi">
				{{ modeText }}
			</view>
			<view class="text0">
				<view class="text1">
					上传提交以下资质信息提交即可完成企业认证
				</view>
				<view class="text2">
					注:认证信息一旦审核通过将无法里新提交或修改，请您认真仔细核对信息内容。
				</view>
				
					<view class="anniu" @click="go1()">
						<view class="rz">
							营业执照认证
						</view>
						<view class="dtj">
							待提交
						</view>
					</view>
				
				
					<view class="anniu1" @click="go2()">
						<view class="rz">
							法人身份证认证
						</view>
						<view class="dtj">
							待提交
						</view>
					</view>
				
			
					<view class="anniu2" @click="go3()">
						<view class="rz">
							开户许可证认证
						</view>
						<view class="dtj">
							待提交
						</view>
					</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
			onTabItemTap,
			onLoad,
			onShow,
			onHide
		} from "@dcloudio/uni-app";
		import { ref } from 'vue';
		const modeText = ref('平台承运');
	const fanhui =()=>{
		uni.navigateTo({
			url:"/pages/my/pageinfo/ruzhu"
		})
	}
	const go1 =()=>{
		uni.navigateTo({
			url:"/pages/my/pageinfo/license"
		})
	}
	const go2 =()=>{
		uni.navigateTo({
			url:"/pages/my/pageinfo/farenrenzheng"
		})
	}
const go3 =()=>{
	uni.navigateTo({
		url:"/pages/my/pageinfo/licensecertification"
	})
}
//页面加载前
	onLoad((res)=>{
		console.log(res.mode)
			if (res.mode === '1') {
				modeText.value = '平台承运模式';
			} else if (res.mode === '2') {
				modeText.value = '非平台承运模式';
			}
	});

</script>

<style lang="scss">
	.box {
		display: flex;
		flex-direction: column;
		/* 垂直布局 */
		height: 100vh;
		/* 视口高度 */
		width: 100vw;
		/* 视口宽度 */
		background-color: #002fa7;
	}
	.img1{
		margin-top: 22rpx;
		width: 50px;
		height: 50px;
	}
	.shang {
		
		height: 10%;
	}

	.xia {
		padding: 20rpx;
		height: 90%;
		background-color: #eeeeee;
		border-radius: 20rpx 20rpx 0 0;
	}
	.text{
		line-height: 70px; /* 设置行高等于盒子高度 */
		display: flex;
		
		color: #ffffff;
		font-size:50rpx;
	}
	.moshi{
		color: #ffffff;
		width:fit-content;
	
		background-color: #002fa7;
		margin-bottom: 20rpx;
		padding: 20rpx;
		border-radius: 20rpx;
	}
	.text1{
		color: #002fa7;
		font-size: 35rpx;
		margin-bottom: 20rpx;
	}
	.text2{
		color: #ff0000;
		font-size: 29rpx;
		margin-bottom: 20rpx;
	}
	.anniu{
		height: 50px;
		margin-bottom: 20px;
	}
	.anniu1{
		height: 50px;
		margin-bottom: 20px;
	}
	.anniu2{
		height: 50px;
		margin-bottom: 20px;
	}
	.rz{
		color: #a2a2a2;
		width: 250px;
		height: 50px;
		border-radius: 20rpx;
		font-size: 50rpx;
	border: 1px solid #a2a2a2;
	float: left;
	line-height: 50px; 
	text-align: center;
	}
	.dtj{
		color: #a2a2a2;
		margin-left: 10px;
		font-size: 35rpx;
		height: 50px;
		float: left;
		line-height: 50px; 
		text-align: center;
	}
	.rz:hover{
		color: #000;
	}
</style>
